//************************ 菜单平铺页面 **************************//

app-application {
  @bg-color: #3880ff;

  // 页面上部三大模块
  .bgcolor {
    background-color: @bg-color;
  }

  // 页面上部三大模块高度
  .rowHeight {
    min-height: 82px;
  }

  // 页面上部三大模块
  .tileMenuPublicModule {
    padding: 16px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;

    .badge {
      position: absolute;
      //right: 20%;
      left: 60%;
    }

    p {
      font-size: 12px;
    }
  }

  // 您好，XXX
  .hello {
    min-height: 50px;
    padding: 24px 24px 0px 24px;
    font-size: 20px;

    p {
      line-height: 50px;
      color: #eeeeee;
    }

    .right {
      text-align: right;
    }

    .size {
      font-size: 14px;
    }
  }

  // 当前登录人
  .currentUser {
    position: absolute;
    min-height: 56px;
    right: 6%;
    top: 0px;
  }

  // 角色
  .roles {
    line-height: 56px
  }

  // 菜单每一项
  .box {
    display: inline-block;
    width: 117px;
    min-height: 104px;
    //background-color: #ffffff;
    background-color: @panel-color;
    text-align: center;
    margin: 2px;

    img {
      width: 40px;
      height: 40px;
      margin-top: 16px;
    }

    p {
      font-size: 12px;
      line-height: 34px;
    }
  }


}
